.popup-menu {
  position: relative;

  .arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 22px;
    left: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent $line-color transparent transparent;
  }

  .container {
    background-color: $line-color;
    border-radius: 6px;
    margin-left: 6px;
    padding-bottom: 20px;

    &.no-padding {
      padding: 0;
    }

    .popup-content {

      .item {
        margin-top: 15px;
        color: $white;
        font-size: 13px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0.5px;
        opacity: 0.5;
        transition: opacity $transition-easing $transition-time;
        white-space: nowrap;

        &:hover {
          opacity: 1;
        }
      }
    }

    .actions {

      .blue-btn {
        background-color: $blue;
        border-radius: 4px;
        color: $white;
        margin: 20px 20px 0 20px;
        padding: 8px 44px 10px;
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0.59px;
        white-space: nowrap;
      }
    }
  }
}
